.main .main1 .ass {
    text-align: center;
}

.main {
    margin-bottom: 30px;
}

.main .main1 .a1 {
    display: block;
    text-align: center;
    margin-top: 10px;
}

.main .box {
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
}

.main .box .box1 {
    width: 20%;
    height: 470px;
    /* background-color: blue; */
}

.main .box .box1 img {
    width: 100%;
    height: 300px;
    /* display: none; */
}

.main .box .box1 img:hover {
    font-size: 50px;
}

.main .box .box1 h1 {
    margin-left: 20px;
}

.main .box .box1 p {
    margin-left: 20px;
}

.main .box .box1 .a2 {
    display: block;
    margin-left: 20px;
    margin-top: 30px;
}

.main .box .box1 .box7 {
    box-shadow: 5px 5px 5px 0 red;
}

.main .text {
    width: 100%;
    height: 539px;
    background-color: #F8F9FB;
    margin-top: 50px;
}

.main .text .text1 h1 {
    display: block;
    text-align: center;
}

.main .text .text1 .p1 {
    text-align: center;
}

.main .text .text1 .a3 {
    display: block;
    text-align: center;
    margin-top: 10px;
}

.main .text ul {
    /* background-color: aquamarine; */
    height: 400px;
    display: flex;
    margin-top: 20px;
    justify-content: space-around;
    flex-wrap: wrap;
}

.main .text ul li {
    width: 17%;
    height: 150px;
    /* background-color: aqua; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 3px 3px 3px red;
}

.main .text ul li:hover {
    background-color: red;
    color: white;
}

.main .text ul li img {
    height: 100px;
}

.main .p2 {
    text-align: center;
}

.main .api {
    width: 100%;
    height: 666px;
    /* background-color: pink; */
}

.main .api .api1 {
    display: flex;
    justify-content: center;
}

.main .api .api1 div:nth-child(1) img {
    width: 100%;
    height: 500px;
}

.main .api .api1 div:nth-child(2) {
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-left: 20px;
}

.main .api .api1 div:nth-child(2) ul li {
    margin-left: 10px;
    padding-bottom: 10px;

    width: 500px;
    height: 80px;
}

.main .api .api1 div:nth-child(2) ul li img {
    width: 30px;
    height: 30px;
    border-left: 6px solid red;
    padding-left: 10px;

}

footer {
    width: 90%;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
}

footer ul li {
    padding-bottom: 10px;
    color: #B3B3B3;
}

.foter img {
    width: 50px;
    height: 50px;
    display: inline;
    margin-right: 10px;
}

.foter {
    margin-left: 177px;
}

.foter span {
    color: #B3B3B3;
}